@use "../../com/comm.scss" as com;
$selColor: #f86f57;
$selBgColor: #d64f44;

.nav-container {
    position: relative;

    .router-links {
        position: fixed;
        bottom: 0;
        z-index: 999;
        background-color: rgba(255, 255, 255, 0.524);
        width: 100%;
        backdrop-filter: blur(20px);
        min-height: 75px;
        @include com.pad(16px, 0, 0, 0, true);

        a {
            display: block;
            width: 100%;
            height: 100%;

            button {
                padding: 0;
                text-align: center;
                width: inherit;
                height: inherit;

                .actvity {

                    svg,
                    span {
                        color: $selColor;
                    }
                }

                .link-button-nav {
                    user-select: none;
                    box-sizing: border-box;
                    padding-top: 4px;
                    position: relative;
                    overflow: hidden;
                    transition: all .3s;
                    color: rgb(110, 110, 110);
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                }
            }
        }
    }
}